<template>
  <van-tabbar v-model="active" active-color="#fe7923" :route="true">
    <van-tabbar-item icon="wap-home-o" to="/">首页</van-tabbar-item>
    <van-tabbar-item icon="apps-o" to="/list">分类</van-tabbar-item>
    <van-tabbar-item icon="shopping-cart-o" to="/product/cart">购物车</van-tabbar-item>
    <van-tabbar-item icon="user-circle-o" to="/business/index">我的</van-tabbar-item>
  </van-tabbar>
</template>

<script setup>
  import {ref} from 'vue'

  const active = ref(0)
</script>

<style>
  :root{
    --van-tabbar-height: 60px;
    --van-tabbar-item-icon-size: 28px;
    --van-tabbar-item-font-size:var(--van-font-size-lg);
  }
</style>